<template>
  <div class="point-page">
    <div>点位信息：</div>
    <div class="planeFigure_box_container" >
      <div class="planeFigure_box">
        <point
          featureType="All"
          :isShowDis="true"
          :points="JSON.parse(detail.point)"
          :areaPoints="JSON.parse(detail.metaAreaVo.figurePoints)"
          :pointImg="detail.metaAreaVo.floorPlaneFigure"
          v-if="detail.metaAreaVo && detail.metaAreaVo.floorPlaneFigure && detail.point"
        ></point>
        <div class="empty" v-else>暂无点位信息</div>
      </div>
    </div>
  </div>
</template>
<script>
import Point from '@/components/point'

export default {
  data () {
    return {
      detail: {
      }
    }
  },
  components: {
    Point
  },
  created () {
    try {
      this.detail = JSON.parse(this.$route.query.detail)
    } catch (err) {
      console.log(err)
    }
  }
}
</script>
<style scoped>
.point-page {
  padding: 10px 12px;
}

.planeFigure_box_container {
  margin-top: 10px;
  text-align: center;
}
.planeFigure_box {
  display: inline-block;
  width: 300px;
  height: 300px;
}
.empty {
  margin-top: 30px;
  text-align: center;
  color: #999;
}
</style>
